header {
  line-height: 1.8rem;
  height: 420px;
  margin-bottom: 20px;
  background: no-repeat center center;
  background-color: #ccc;
  background-attachment: scroll;
  background-size: cover;
  margin-bottom: 20px;
  padding: 20px;
}
header .navbar-default .navbar-toggle:focus,
header .navbar-default .navbar-toggle:hover {
  background: 0 0 !important;
}
header .navbar-custom {
  background: 0 0;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
  line-height: 1.7;
}
header .navbar-brand {
  color: #fff !important;
  padding: 20px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
}
header .navbar-brand:hover {
  opacity: 0.8;
}
header .nav li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: 1px;
}
header .nav li a:hover {
  opacity: 0.8;
}
header .navbar-collapse {
  border-width: 0px !important;
  box-shadow: inset 0 0px 0 rgba(255,255,255,0.1) !important;
}
header .header-container {
  display: flex;
  justify-content: space-between;
}
header .site-branding {
  text-align: center;
  font-family: "Open Sans", arial, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
header .site-branding .site-title {
  margin: 0;
  font-size: 1.4rem;
}
header .site-branding .site-title a {
  display: inline-block;
  color: #fff;
  font-weight: bolder;
  line-height: 3rem;
  height: 3rem;
  padding: 0 1rem;
  -webkit-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out;
}
header .site-branding .site-title a:hover {
  opacity: 0.8;
}
header .site-branding .site-description {
  color: #9e9e9e;
  font-size: 1.3rem;
  margin: 1rem 0 0;
}
header .site-navigation {
  text-align: right;
}
header .site-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.6em;
}
header .site-navigation ul li {
  display: inline-block;
  margin: 0 0.5rem;
}
header .site-navigation ul li a {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 0 1rem;
}
header .site-navigation ul li a:hover {
  opacity: 0.8;
}
header .gotop-btn {
  position: fixed;
  background-position: center;
  bottom: 20px;
  right: 20px;
  background-image: url("/images/top.png");
  background-repeat: no-repeat;
  background-size: 20px;
  width: 34px;
  height: 34px;
  border: 1px solid #000;
  border-radius: 17px;
  margin: 10px;
  z-index: 99;
  display: none;
}
header .gotop-btn:hover {
  cursor: pointer;
}
header .top-active {
  background-image: url("/images/top-active.png");
}
